Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.
Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.
Plugin Upload
Step 5. The image above shows the option to upload the plugin from your own PC, this is the vc-animated-text.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".
Plugin activation
Installibg by FTP
First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :
Download vc-animated-text.zip from CodeCanyon
Extract the vc-animated-text directory to your computer
Upload the vc-animated-text directory to the /wp-content/plugins/ directory
The simple activation of the plugin is enough to have the desired behavior for all pages.
Animated Text Visual Composer Setting
General Settings
Setting Title
Description
Default
Possible Values
Select Type
Select Animated Text type.
Singal Sentence or word
Singal Sentence or word | Sentence List
ID
Unique ID that will be used in the custom css.
Enter your numeric ID
Enter Text
Enter Animated Text Words.If you select type Sentence List write each sentence in a "|" seprate.
Enter any sentence.
In Effect Settings
Setting Title
Description
Default
Possible Values
Effect
Select Animated Text In Effect.
flash
Sequence
Select Animated Text in sequence.
Sequence
Delay Scale
Set the delay factor applied to each consecutive character.
1.5
Enter delay scale in integer value.
Delay
Set the delay between each character - in milliseconds.
50
Enter any integer value in milliseconds.
Callback In
callback that executes once the 'in' animation has finished.
Example:alert('in animation end.');
javascript code callback that executes once the 'in' animation has finished.
Out Effect Settings
Setting Title
Description
Default
Possible Values
Effect
Select Animated Text Out Effect.
flash
Sequence
Select Animated Text out sequence.
Sequence
Delay Scale
Set the delay factor applied to each consecutive character.
1.5
Enter delay scale in integer value.
Delay
Set the delay between each character - in milliseconds.
50
Enter any integer value in milliseconds.
Callback Out
callback that executes once the 'out' animation has finished.
Example:alert('out animation end.');
javascript code callback that executes once the 'out' animation has finished.
General Option Settings
Setting Title
Description
Default
Possible Values
Loop
Enable text animation looping.
No
No | Yes
Min Display Time
Set the minimum display time for each text before it is replaced - in milliseconds(Sentence List only).
2000
minimum display time for each text before it is replaced
Initial Delay
sets the initial delay before starting the animation - in miliseconds.
0
Enter initial delay scale in integer value.
Auto Start
set whether or not to automatically start animating.
Yes
Yes | No
Type
set the type of token to animate.
Char
Char | Word
Viewport Checker
shows the animation only when the text is visible on the screen.
Yes
Yes | No
Custom CSS Style
use to change the color (and/or other propery) of a sentence, word or character.
Color Examples:(#vc-animate-text-{ID})
//Change the color of the whole sentence
#vc-animate-text-{ID}{ color: #ff0000;}
//Change the color of the second word
#vc-animate-text-{ID} .word2{ color: #ff0000;}
//change the color of the third character of the third word
#vc-animate-text-{ID} .word3 .char3{ color: #ff0000;}
//change the color of all first character
#vc-animate-text-{ID} .char1{ color: #ff0000;}
Enter your custome css here.
Fit Text - Responsive Feature Setting
Setting Title
Description
Default
Possible Values
Compressor
Decimal number. From 0.1 to 5.0
1.0
From 0.1 to 5.0
Min. Font Size
value in pixels. it is not necessary to put the "px".
14
Enter responsive minimum text font size
Max. Font Size
value in pixels. it is not necessary to put the "px".
Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.
